﻿/*
	>>> COMMAND BUTTONS/LINKS

	Based on Kevin Hale's ParticleTree article: http://particletree.com/features/rediscovering-the-button-element/
*/
#content form a.command,
#content form button { background:#f5f5f5; border:0.1em solid #dedede; border-top:0.1em solid #eee; border-left:0.1em solid #eee; color:#565656; cursor:pointer; display:block; float:left; font-family:"Segoe UI",Arial,Helvetica,sans-serif; font-size:1.2em; font-weight:bold; line-height:1.3em; padding:4px 8px 5px 5px; text-decoration:none; }
#ie7 #content form button { padding:4px 10px 3px 7px; }

#content form a.command { padding:5px 10px 6px 7px; }
#ie7 #content form a.command { padding:5px 10px 5px 7px; }

#content form button { overflow:visible; width:auto; }

#content form a.command img,
#content form button img { border:none; height:16px; margin:0 3px -3px 0 !important; padding:0; width:16px; }

#content form a:hover,
#content form button:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }

/* affirmative action */
#content form a.affirmative,
#content form button.affirmative { color:#529214; }
#content form a.affirmative:hover,
#content form button.affirmative:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }

/* negative action */
#content form a.negative,
#content form button.negative { color:#d12f19; }
#content form a.negative { background:#fff; }
#content form a.negative:hover,
#content form button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }


/*
	>>> FORM
*/
#content ul.validation-summary-errors { border:solid 0.1em #fbc2c4; color:#ff2f2f; margin:0 0 1em 0; padding:1em 2em; }
	#content ul.validation-summary-errors li { font-size:1.2em; }

#content span.field-validation-error { display:none; }

#content .input-validation-error { background-color:#ffdfdf; }


/*
	>>> FORM
*/
#content form fieldset { border:solid 0.1em #eee; }
	#content form fieldset legend { display:none; }
	#content form fieldset ul { margin:0; padding:0.5em; }
		#content form fieldset ul li { clear:both; list-style:none; padding:0.5em; }
			#content form fieldset ul li label { display:block; float:left; font-size:1.2em; margin-right:0.5em; padding:0.2em 1em 0.2em 0.5em; text-align:right; width:10em; }
			#content form fieldset ul li input { border:0.1em solid #ddd; border-top:0.1em solid #aaa; border-left:0.1em solid #aaa; font-size:1.2em; height:1.3em; padding:0.12em; width:20em; }
			#content form fieldset ul li div.info { clear:both; font-size:1.2em; padding:0.3em 0.3em 0.3em 12em; }
		#content form fieldset ul li.selected { background:#eee; }
		#content form fieldset ul li.commands { height:3em; padding-top:2em; text-align:center; }
			#content form fieldset ul li.commands a { margin:0 2em 0 12em; }
